<template>
  <transition name="slide">
    <div class="list">
      <van-nav-bar class="newsNav" title="西电新闻" leftText="返回" rightText="1" leftArrow @click-left="onClickLeft" @click-right="onClickRight" />
      <!-- <div class="scroll-wrapper" :ref="scroll-wrapper">
        <cube-scroll ref="scroll" :data="items" :options="options" @pulling-up="onPullingUp" @pulling-down="onPullingDown"></cube-scroll>
      </div> -->
      <iframe src="http://news.xidian.edu.cn/mt.htm" width="100%" :height="iframeH"  frameborder="0" scrolling="auto" style="position:absolute;top: 45px;left: 0px;"></iframe>
      <router-view></router-view>
    </div>
  </transition>
</template>
<script>
let iframeH = window.screen.availHeight - 45.6;
console.log(window.screen.availHeight - 45.6);

export default {
  data() {
    return {
      iframeH: iframeH
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
    onClickRight() {
      this.$router.push("/list/mint-pull");
    }
  }
};
</script>

<style lang="less">
@import "../../assets/less/baseDetail.less";
.list {
  background: white;
}
</style>

